{% extends 'bootstrap/base.html' %}
{% block head %}
    {{ super() }} 
    {% include 'include/_header.html' %}

{% endblock %}

{% block styles %}
    {{ super() }}
    <!-- Material Design fonts -->
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons">

    <!-- Bootstrap Material Design -->
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='bootstrap-material-design.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='ripples.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='common.css') }}">

    <!-- Dropdown.js -->
    <link href="{{ url_for('static',filename='jquery.dropdown.css') }}" rel="stylesheet">

    <!-- codehilite -->
    <link href="{{ url_for('static',filename='codehilite.css') }}" rel="stylesheet">
<style>
body {
  padding-top: 70px;
}
</style>

{% endblock %}

{% block navbar %}
    {% include 'include/_navbar.html' %}
{% endblock %}

{% block footer %}
     {{ super() }}
    {% include 'include/_footer.html' %}
{% endblock %}

{% block content %}
    {{ super() }}
    <div class="container">
        <div class="row">
        {% for message in get_flashed_messages() %}
            <div class="alert alert-warning">
                <button type="button" class="close" data-dismiss="alert">&times;</button> {{ message }}
            </div>
        {% endfor %}
        </div>
    </div>
{% endblock %}


{% block scripts %}
    {{ super() }}
    {{ moment.include_moment() }}
    {{ moment.lang("zh-CN") }}

    <script src="{{ url_for('static',filename='material.js') }}"></script>
    <script src="{{ url_for('static',filename='ripples.min.js') }}"></script>
    <script>
    $.material.init();
    </script>


    <!-- Dropdown.js -->
    <script src="{{ url_for('static',filename='jquery.dropdown.js') }}"></script>
    <script>
    $("select").dropdown();
    </script>

{% endblock %}

